<template>
  <el-table
    :data="tableData"
    :style="{
      width: '100%',
      height: '85%',
      background: 'transparent',
      fontSize: '.1625rem',
    }"
    :header-cell-style="{
      background:'rgba(0,0,0,0)',
      color: '#fff',
      fontSize: '.2rem',
      fontWeight: 600,
    }"
  >
    <template v-for="item in tableHeader" :key="item">
      <el-table-column
        :prop="item.prop"
        :label="item.label"
        align="center"
        :show-overflow-tooltip="item.overHidden || false"
        :width="item.label == '业务系统名称' ? '180px' : ''"
      >
      </el-table-column>
    </template>
  </el-table>
</template>

<script setup lang="ts">
import { defineProps, defineEmits, onMounted, reactive } from "vue";

const props = defineProps({
  // 表格显示的数据
  tableData: {
    type: Array,
    default: function () {
      return [];
    },
  },
  // 表头数据
  tableHeader: {
    type: Array,
    default: function () {
      return [];
    },
  },
});
</script>

<style lang="scss" scoped>
* {
  margin: 0;
  padding: 0;
}

.statute-name {
  cursor: pointer;
}


</style>
